<template>
	<view class="display flow integral price borderR">
		<image class="img" src="/static/images/icon/integral.png"></image>
		<text decode>成功{{integralList.log}}&nbsp;&nbsp;+{{integralList.integral}}</text>
	</view>
</template>

<script>
	export default {
		props: ['integralList'],
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.integral{
		@include width;
		@include font($fontSize - 2rpx);
		background: white;
		@include padding(20rpx);
		@include flex-align-justify;
	}
	.img{
		@include widthHeight(50rpx);
		@include margin(20rpx,'right');
		-webkit-animation: rotate 2.5s linear 500ms infinite;
		animation: rotate 2.5s ease-in-out 500ms infinite;
	}
	@keyframes rotate {
		0% {
			transform: rotateY(0deg);
		}
		100% {
			transform: rotateY(360deg);
		}
	}
</style>
